.product {
  background: #f8f8f8;
  padding-bottom: 112rpx;
}
.product .swiper,
.product .swipe-item {
  width: 750rpx;
  height: 750rpx;
}
.product .swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
  margin-bottom: 110rpx;
}
.product .main {
  margin: 0 32rpx;
  transform: translateY(-100rpx);
}
.product .main .price_bg {
  background: #ff7733;
  border-radius: 32rpx;
  width: 100%;
  height: 185rpx;
}
.product .main .price {
  display: flex;
  justify-content: space-between;
  padding: 24rpx 32rpx;
  transform: translateY(-190rpx);
}
.product .main .price .integral {
  color: #ffffff;
  font-size: 40rpx;
  font-weight: bold;
}
.product .main .price .integral text {
  margin-left: 24rpx;
  font-size: 24rpx;
  text-decoration: line-through;
}
.product .main .price .salecount {
  color: #fff;
  font-size: 28rpx;
}
.product .main .wrap {
  min-height: 100rpx;
  border-radius: 20rpx;
  border: 2rpx solid #F2F2F2;
  background-color: #fff;
}
.product .main .product_name_wrap {
  display: flex;
  flex-direction: column;
  line-height: 44rpx;
  transform: translateY(-190rpx);
  box-sizing: border-box;
  overflow: hidden;
}
.product .main .product_name_wrap .product_name {
  color: #470607;
  font-size: 32rpx;
  font-weight: bold;
  padding: 32rpx 0;
  margin: 0 32rpx;
  border-bottom: 2rpx solid #f2f2f2;
}
.product .main .product_name_wrap .product_collect {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.product .main .product_name_wrap .product_collect .collect {
  flex: 1;
  display: flex;
  justify-content: center;
  font-weight: normal;
  font-size: 28rpx;
  height: 94rpx;
  line-height: 94rpx;
}
.product .main .product_name_wrap .product_collect .collect .text {
  color: #ff7733;
  margin-left: 10rpx;
}
.product .main .product_name_wrap .product_collect .collect .text1 {
  color: #707070;
  margin-left: 10rpx;
}
.product .main .product_name_wrap .product_collect .share {
  flex: 1;
}
.product .main .product_name_wrap .product_collect .share .van-button__icon {
  color: #FF7733;
}
.product .main .product_name_wrap .product_collect .share .van-button__text {
  font-weight: normal;
  font-size: 28rpx;
  color: #FF7733;
}
.product .main .product_name_wrap .share:active {
  background-color: #f6f6f6;
}
.product .main .stock {
  transform: translateY(-166rpx);
  overflow: hidden;
}
.product .main .stock .express_fee {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 124rpx;
  height: 54rpx;
  font-size: 28rpx;
  color: #B60102;
  background: #f8e5e5;
  border-radius: 36rpx;
}
.product .main .hot_good {
  display: flex;
  flex-direction: column;
  transform: translateY(-142rpx);
  overflow: hidden;
}
.product .main .hot_good .hot_icon {
  display: block;
  width: 60rpx;
  height: 42rpx;
  margin-right: 14rpx;
}
.product .main .hot_good .hot_title {
  display: flex;
  padding: 26rpx;
  background-image: linear-gradient(to bottom, #FFEBC4, #fff);
  color: #ff7733;
  font-size: 32rpx;
  font-weight: bold;
  box-sizing: border-box;
}
.product .main .hot_good .hot_title .left {
  margin-left: 20rpx;
}
.product .main .hot_good .hot_list {
  display: flex;
  flex-basis: 212rpx;
  min-height: 348rpx;
  margin: 0 12rpx;
  overflow-x: auto;
}
.product .main .hot_good .hot_list::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.product .main .hot_good .hot_list .hot_list_item {
  width: 212rpx;
  margin-right: 12rpx;
}
.product .main .hot_good .hot_list .hot_list_item .thumb {
  width: 212rpx;
  height: 212rpx;
  border-radius: 20rpx;
}
.product .main .hot_good .hot_list .hot_list_item .integral {
  color: #FB2B2C;
  font-size: 32rpx;
  font-weight: bold;
  text-align: center;
  padding: 20rpx 0 5rpx;
}
.product .main .hot_good .hot_list .hot_list_item .pname {
  color: #1D2120;
  font-size: 28rpx;
  text-align: center;
}
.product .main .hot_good .hot_list .hot_list_item .text_hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product .main .shop {
  border-radius: 20rpx;
  border: 2rpx solid #F2F2F2;
  transform: translateY(-118rpx);
}
.product .main .shop .van-cell__title {
  color: #06021A;
  font-size: 32rpx;
  font-weight: bold;
}
.product .main .shop .shop_pic {
  width: 96rpx;
  height: 96rpx;
  border-radius: 20rpx;
  margin-right: 24rpx;
}
.product .main .shop .label {
  display: flex;
  color: #202327;
  font-size: 24rpx;
  font-weight: 400;
}
.product .main .shop .label .brand_text {
  margin-left: 22rpx;
  z-index: 2;
}
.product .main .shop .label .shop_bg {
  width: 135rpx;
  height: 36rpx;
  transform: translateX(-114rpx);
  z-index: 1;
}
.product .main .commit {
  transform: translateY(-94rpx);
  overflow: hidden;
}
.product .main .commit .commit_title {
  padding-bottom: 24rpx;
}
.product .main .commit .commit_title .van-cell__title {
  color: #06021A;
  font-size: 32rpx;
}
.product .main .commit .commit_user {
  padding-bottom: 0;
}
.product .main .commit .commit_user .van-cell__title {
  color: #909090;
  font-size: 28rpx;
}
.product .main .commit .commit_user .van-cell__value {
  color: #909090;
  font-size: 24rpx;
}
.product .main .commit .commit_user .avatar {
  width: 80rpx;
  height: 80rpx;
  margin-right: 20rpx;
}
.product .main .commit .commit_content {
  color: #303030;
  font-size: 28rpx;
  margin: 0 32rpx 0 128rpx;
  transform: translateY(-40rpx);
}
.product .main .commit .commit_content .content_list_pic {
  display: flex;
}
.product .main .commit .commit_content .content_list_pic .content_pic {
  width: 168rpx;
  height: 168rpx;
  border-radius: 20rpx;
  padding: 20rpx 12rpx 0 0;
}
.product .main .rich {
  transform: translateY(-100rpx);
}
.product .main .rich .rich_bg {
  display: block;
  width: 565rpx;
  height: 90rpx;
  margin: 0 auto;
}
.product .main .rich .rich_text {
  margin-top: 24rpx;
  overflow: hidden;
}
.product .main .rich .rich_text .rich_title {
  color: #201d1d;
  font-size: 32rpx;
  margin: 32rpx 24rpx 0 32rpx;
}
.product .main .rich [alt] {
  width: 100%;
}
.product .tips_share {
  width: 535rpx;
  height: 600rpx;
  transform: translate(80rpx, 30rpx);
}
.footer {
  width: 100%;
  display: flex;
  margin: 0 36rpx;
  justify-content: space-between;
}
.footer .footer_icon {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer .footer_icon .title {
  color: #06021A;
  font-size: 24rpx;
}
.footer .btn {
  color: black;
  width: 249rpx;
  height: 80rpx;
  border-radius: 40rpx 0 0 40rpx;
}
.footer .btn .van-button__text {
  color: #ff7733;
}
.footer .btn_right {
  width: 249rpx;
  height: 80rpx;
  border-radius: 0rpx 40rpx 40rpx 0rpx;
}
.van-card__bottom {
  display: flex;
  justify-content: space-between;
}
.popup {
  display: flex;
  padding: 40rpx 32rpx 60rpx;
}
.popup .content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 8rpx 20rpx;
  color: #FB2B2C;
  font-size: 36rpx;
  font-weight: bold;
}
.popup .content .popup_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(4, 4, 4, 0.6);
  font-size: 24rpx;
}
.ations {
  font-size: 24rpx;
  padding: 20rpx 32rpx;
}
.ations .title {
  margin-bottom: 20rpx;
}
.ations .box1 {
  display: flex;
  flex-flow: row wrap;
}
.ations .box1 .van-button--normal {
  width: auto;
}
.ations .box1 .btn_default {
  position: relative;
  border-radius: 12rpx;
  margin-top: 12rpx;
  margin-right: 12rpx;
}
.ations .box1 .btn_default .van-button__text {
  font-size: 22rpx;
  font-weight: normal;
}
.ations .box1 .active {
  position: relative;
  border-radius: 12rpx;
  margin-top: 12rpx;
  margin-right: 12rpx;
  background-color: #ff7733;
}
.ations .box1 .active .van-button__text {
  font-size: 22rpx;
  font-weight: normal;
  color: #ffffff;
}
.ations .Btn_bottm {
  position: absolute;
  bottom: 42rpx;
}
.ations .Btn_bottm .btn {
  color: black;
  width: 344rpx;
  height: 80rpx;
  border-radius: 40rpx 0 0 40rpx;
}
.ations .Btn_bottm .btn .van-button__text {
  color: #ff7733;
}
.ations .Btn_bottm .btn_right {
  width: 344rpx;
  height: 80rpx;
  border-radius: 0rpx 40rpx 40rpx 0rpx;
}
